.tree{
    overflow: hidden;
}
.tree-container{
    color: #ffffff;
    background-color: rgba(3, 29, 35, 0.86) !important;
}

.tree .tree-folder{
     border: none !important;
}

.tree-item{
    position:relative !important;
}

.tree-item i{
    position: relative;
    top: -6px;
}

.tree .tree-item, .tree .tree-folder{
    border: none;
}
.tree .icon-plus[class*="icon-"]:first-child, .tree .icon-minus[class*="icon-"]:first-child{
    background-color: transparent;
    border: 1px solid #DDD
}

.widget-header{
    background: rgb(31,158,155);
    text-align: center;
    border-color: #5090c1;
}

.widget-box{
    border-bottom: rgba(3, 29, 35, 0.86) !important;
    overflow: hidden;
}

.widget-body{
    height: 597px;
    overflow-y: auto;
}

/*滚动条样式*/
.widget-body::-webkit-scrollbar {/*滚动条整体样式*/
    width: 6px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 6px;
}
.widget-body::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(228, 96, 50, 0.65);
    background: rgba(228, 96, 50, 0.65);
}
.widget-body::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(228, 96, 50, 0.65);
    border-radius: 0;
    background: rgba(228, 96, 50, 0.1);
}

.header-color-blue2+.widget-body {
    border: none;
}

.tree:before{
    border: 1px dotted white;
    border-width: 0 0 0 1px;
}

.tree .tree-folder:before, .tree .tree-item:before{
    display: inline-block;
    content: "";
    position: absolute;
    top: 14px;
    left: -13px;
    width: 18px;
    height: 0;
    border-top: 1px dotted white;
    z-index: 1;
}

.tree .tree-folder .tree-folder-content:before{
    display: inline-block;
    content: "";
    position: absolute;
    z-index: 1;
    top: -14px;
    bottom: 16px;
    left: -14px;
    border: 1px dotted white;
    border-width: 0 0 0 1px;
}

.tree .icon-minus[class*="icon-"]:first-child:before{
    content: "";
    display: block;
    width: 7px;
    height: 0;
    border-top: 1px solid white;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(207, 220, 228);
    position: absolute;
    top: 5px;
    left: 2px;
}

.tree-folder-header{
    position: relative ;
}

.tree-folder-header i{
    position: relative;
    top: -7px;
}


.tree .tree-item, .tree .tree-folder .tree-folder-header{
    color: white;
}

/*树选择*/
.tree .tree-item>[class*="icon-"]:first-child{
    color: #b7f3d2;
    background-color: #b1b4bb;
}

.tree .tree-selected>[class*="icon-"]:first-child{
    background-color: #f9a021;
    border-color: #f9a021;
}

.tree .tree-folder .tree-folder-header:hover{
    background-color: #919aa0;
}

.tree .tree-item:hover {
    background-color: #919aa0;
}

.openFolderIcon{
    display: inline-block;
    width: 5%;
}

.wrap-hover{
    display: inline-block;
    width: 95%;
}

.wrap-hover .tree-folder-name{
    display: inline-block;
    width: 90%;
}

/*CHECKBOX样式*/
.tree-folder-header input[type="checkbox"]{
    position: absolute;
    right: 1px;
    top:8px;
    -webkit-appearance: none;
    vertical-align: middle;
    margin-top: 0;
    background: #fff;
    border: #efb4b4 solid 1px;
    border-radius: 3px;
    min-height: 14px;
    min-width: 14px;
}
.tree .tree-folder .tree-folder-header input[type="checkbox"]:hover{
    background: #938bb5;
}

.tree .tree-folder .tree-folder-header input[type="checkbox"]:checked {
    background-color: #f9a021;
    border-color: #f9a021;
}
.tree .tree-folder .tree-folder-header input[type="checkbox"]:checked::after{
    content: '';
/*    top: 3px;
    left: 3px;*/
    position: absolute;
    background: transparent;
    border: #b9f0cc solid 2px;
    border-top: none;
    border-right: none;
    height: 6px;
    width: 10px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.tree .tree-folder .tree-folder-header>[class*="icon-"]:first-child, .tree .tree-item>[class*="icon-"]:first-child{
    top: -2px;
}

.component-count{
    display: block;
    position: absolute;
    top: 5px;
    right: 28px;
    font-size: 12px;
    color: yellow;
}

.select-tree_style::after{
    content: "";
    display: block;
    left: 46px;
    top: 28px;
    width: 0;
    height: 0;
    border-width: 0 29px 16px;
    border-style: solid;
    position: absolute;
    border-color: transparent transparent #03191e;
}

.name-ellipsis_style{
    display: inline-block !important;
    width: 80%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}